@media screen and (max-width: 1680px){
}
@media screen and (max-width: 1600px){
}
@media screen and (max-width: 1440px){
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:700px;}
}
@media screen and (max-width: 1367px){
}
@media screen and (max-width: 1280px){
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:600px;}
    /*banner*/
    .banner{height:350px;}

}
@media screen and (max-width: 1200px){
    /*about*/
    .about_wrap h2{font-size: 26px;}
    .about_wrap h3{font-size: 20px;}
    /*pro_detail_message*/
    .pro_detail_message{width:600px;height:560px;padding:0 50px 0 50px;margin:-280px 0 0 -350px;}
    .pro_detail_message_title h3{font-size: 26px;}

}
@media screen and (max-width: 1100px){
    /*header*/
    .nav li{margin-left: 30px;font-size: 15px;}
}
@media screen and (max-width: 1024px){
    /*header*/
    .wrap{}
    .menu{display:block;}
    .header{height:50px;position:fixed;top:0;left:0;width:100%;background:#FFF;z-index: 9}
    .header .wrap{height:50px;}
    .index_banner,.banner{margin-top: 50px;}
    .nav{position:absolute;top:50px;height:-webkit-calc(100vh - 70px);height:calc(100vh - 70px);background:#FFF;right:-60%;width:60%;z-index: 9;overflow-y:auto;-webkit-transition: .3s;transition: .3s;padding-top:20px;}
    .nav.on{right:0}
    .nav li{margin:0;padding:0;float:none;}
    .nav li>a{padding:0 0 0 9%;font-size: 14px;line-height: 4}
    .nav li dl{position:static;margin:0;width:100%;text-align: left;padding-left: 16%}
    .nav li dl dd a:hover{background:#FFF;color:#ff0a09}
    .lang{margin-right: 25px;margin-top: 13px;}
    .logo{height:40px;padding-top: 5px;}
    .logo img{height:100%}
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:500px;}
    /*index_pro*/
    .index_pro_list li .img{height:300px;line-height: 300px;}
    /*index_about*/
    .index_about{height:300px;padding-top:80px;}
    .index_about h2{font-size: 30px;}
    .index_about .p1{font-size: 20px;}
    .index_about .p2,.index_about_more a{font-size: 14px;}
    /*banner*/
    .banner{height:300px;}
}
@media screen and (max-width: 768px){
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:450px;}
    /*banner*/
    .banner{height:260px;}
    /*aside*/
    .aside li{font-size: 14px;}
    /*main*/
    .main{padding:40px 0 60px;}
    /*about*/
    .about_wrap h2{font-size: 22px;}
    .about_wrap h3{font-size: 18px;}
    /*news*/
    .news_item .img{width:280px;height:180px;}
    .news_item .txt h2{font-size: 24px;}
    /*experience*/
    .experience_item .img{width:230px;height:150px;}

}
@media screen and (max-width: 750px){
    /*footer*/
    .footer_t{padding:30px 0 40px;}
    .footer_t .wrap>ul>li{display:none}
    .footer_t .wrap>ul>li.l5{display:block;width:300px;float:none;margin:0 auto;text-align: center;}
    .footer_share ul{display:inline-block;width:auto;}
    .footer_share ul li:last-child{margin-right: 0}
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:380px;}
    /*index_pro*/
    .index_title h2{font-size: 26px;}
    .index_title p,.index_pro_more a{font-size: 14px;}
    .index_pro_list li .txt h4{font-size: 18px;padding-top: 1em;}
    .index_pro_list li{width:31%;margin:0 1.1666666665% 40px;}
    .index_pro_list li .img{height:260px;line-height: 260px;}
    /*index_about*/
    .index_about{height:300px;padding-top:80px;}
    .index_about h2{font-size: 24px;}
    .index_about .p1{font-size: 18px;}
    .index_about .p2,.index_about_more a{font-size: 14px;}
    /*index_news*/
    .index_news{padding:60px 0 60px;}
    .index_news li{width:100%;margin:0 0 35px!important;}
    .index_news p{font-size: 16px;line-height: 1.5;color:#999;height:auto;overflow:inherit;-webkit-line-clamp: 9;}
    .index_news h2{font-size: 30px;}
    /*aside*/
    .aside{display:none;}
    .main_wrap{width:100%}
    /*pro_detail_message*/
    .pro_detail_message{width:80%;height:60%;padding:0 5% 5%;margin:0;overflow: auto;top:20%;left:5%;min-width: 280px;}
    .pro_detail_message .form{padding-bottom:0;margin-top:0 }
    .pro_detail_message_title h3{font-size: 22px;}
    .pro_detail_message .form_item p{float:none;width:auto;margin-right:0;}
    .pro_detail_message .form_item input[type='text'],.pro_detail_message .form_item textarea{width:92%;}
    .pro_detail_message .form_item input[type='button']{display:block;margin:15px auto;}
}

@media screen and (max-width: 500px){
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:240px;}
    .index_banner_wrap .hd li{width:8px;height:8px;margin:0 4px;}
    /*index_pro*/
    .index_pro_list li{width:46%;margin:0 2% 40px;}
    .index_pro_list li .img{height:200px;line-height: 200px;}
    /*index_about*/
    .index_about{height:330px;padding-top:50px;}
    .index_about h2{font-size: 22px;line-height: 1.2}
    .index_about .p1{font-size: 16px;letter-spacing: 1px;}
    .index_about .p2,.index_about_more a{font-size: 13px;}
    .index_about .p2{max-width: 90%}
    /*banner*/
    .banner{height:150px;}
    .banner .txt h2{font-size: 20px;}
    .banner .txt .sub_nav{font-size: 13px;}
    .banner .txt{margin-top: -25px;}
    /*pro*/
    .pro_list li:nth-child(3n){margin-right:2%;}
    /*about*/
    .about_img{float:none;width:100%;margin-bottom: 5%;margin-right: 0}
    .about_wrap h2{font-size: 18px;}
    .about_wrap h3{font-size: 16px;}
    .about_wrap p{font-size: 14px;margin-bottom: 1em;}
    /*news*/
    .news_item .img{width:100%;height:auto;margin:0 0 20px 0;float:none;}
    .news_item .txt h2{font-size: 24px;}
    .news{padding-top: 20px;}
    .news_item .txt h3{font-size: 22px;white-space: normal;overflow: auto;}
    /*news_detail*/
    .news_detail_title{padding:20px 0;}
    .news_detail_title h2{font-size: 20px;}
    .news_detail_wrap p, .news_detail_wrap div{font-size: 14px;}
    .news_detail_wrap{padding-bottom: 40px;}
    .news_detail_b{padding:20px 0 0;}
    .news_detail_b ul{width:100%;}
    .news_detail_b .back{line-height: 32px;width:100px;font-size: 14px;}
    /*support*/
    .support .main_wrap>h2{font-size: 26px;}
    .support_faq dl dt{font-size: 16px;}
    .support_faq dl dd{font-size: 14px;}
    /*support_u*/
    .support_u_item ul li{width:100%;margin:0 0 40px!important;}
    .support_u_video{height:240px;}
    .support_u_item h3{font-size: 22px;}
    /*support_p*/
    .support_p{margin-bottom:0;padding:10px 4% 20px;}
    .support_p dd{padding-left: 2.5em;}
    /*support_m*/
    .support_m .download{width:28px;height:28px;}
    /*experience*/
    .experience_item .txt p{height:auto;-webkit-line-clamp:10}
    /*hr*/
    .hr_t_b{padding:3% 6% 6%}
    .hr_nav li{padding:0 10px;font-size: 15px;}
    .hr_list{padding:6%}
    .hr_item dl dd{padding:4%}
    /*contact*/
    .contact_wrap dl{max-width:100%;float:none;}
    .contact_ewm{float:none; text-align: center;width:100%;margin:20px auto;}
    .contact_ewm img{width:115px;}
    .contact h3{font-size: 20px;}
    .support_p dd{font-size: 14px;}
    .my-map{height:250px!important;}
    /*contact_m*/
    .form{padding-bottom: 20px;}
    /*pro_detail*/
    .pro_detail_pic{margin-bottom: 30px;}
    .pro_detail_pic_wrap{height:auto;line-height: inherit;}
    .big-box,.tool{display:none!important;}
    .pro_detail_pic,.pro_detail_txt{width:100%;float:none;}

}
@media screen and (max-width: 350px){
    /*index_banner*/
    .index_banner_wrap,.index_banner_wrap .bd,.index_banner_wrap .bd li{height:200px;}

}
